<template>
  <div>
    <h4>父子组件传值</h4>
    <p>接收到的父组件的数据：{{ a }} - {{ typeof a }}</p>
    <p>接收到的父组件的数据：{{ b }} - {{ typeof b }}</p>
    <p>接收到的父组件的数据：{{ c }} - {{ typeof c }}</p>
    <p>接收到的父组件的数据：{{ d }} - {{ typeof d }}</p>
    <input type="button" value="向兄弟发送数据" @click="send">
  </div>
</template>

<script setup>
import bus from "../assets/bus.js";

// 接收父组件数据
defineProps(["a", "b", "c", "d"]);

// 接收父组件绑定的事件名
const emit = defineEmits(["abc"]);
// 触发指定事件，完成传值
emit("abc", "hahaha");


function send(){
  // 触发中央事件总线中的自定义事件，向兄弟组件发送数据
  bus.emit("qwe", "heiheihei");
}

</script>